<template>
    <view>
        <text class="title">问答</text>
        <view class="all">
            <view class="container">
                <text>{{ ask_res.name }}</text>
                <text>{{ ask_res.details }}</text>
                <text>回复</text>
            </view>
        </view>
    </view>
</template>

<script>
// pages/ask_res/ask_res.js
import { ask_res } from '../../data/data';
export default {
    data() {
        return {
            ask_res: {
                name: '',
                details: ''
            }
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {
        this.setData({
            ask_res
        });
        console.log(ask_res);
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {}
};
</script>
<style>
/* pages/ask_res/ask_res.wxss */
.title {
    font-size: 32rpx;
    margin-left: 32rpx;
    margin-top: 20rpx;
    margin-bottom: 4rpx;
    font-weight: 600;
}
.all {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* 上下边线 */
    border-top: 4rpx solid #000000;
    border-left: 4rpx solid #000000;
    border-bottom: 4rpx solid #000000;
    border-right: 4rpx solid #000000;
    padding-top: 10rpx;
    padding-bottom: 10rpx;
    width: 660rpx;
    height: 100%;
    margin-top: 20rpx;
    align-items: left;
}
.more {
    border-top: 4rpx solid #5049494f;
    border-left: 4rpx solid #5049494f;
    border-bottom: 4rpx solid #5049494f;
    border-right: 4rpx solid #5049494f;
}
</style>
